import React from 'react'
import ReactDOM from 'react-dom'
import { ThemeProvider } from '@material-ui/styles'
import { SnackbarProvider } from 'notistack'
import Router from '@/router'
import history from '@/router/history'
import theme from '@/style/theme'

const Root = (
  <ThemeProvider theme={theme}>
    <SnackbarProvider>
      <Router history={history} />
    </SnackbarProvider>
  </ThemeProvider>
)

ReactDOM.render(
  Root,
  document.querySelector('#root')
)
